<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关于我</title>
    <link rel="stylesheet" href="css/tongyong.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<header class="header clearfix">
    <div class="logo clearfix">
        <div class="header-img">
            <img src="img/2.jpg" alt="">
        </div>
        <div class="header-p">
            <span class="pt">Zhao yu hang</span>
            <span class="pb">个人主页</span>
        </div>
    </div>
    <div class="nav">
        <ul>
            <li>
                <a href="index.html">
                    <span>首页</span>
                    <i></i>
                </a>
            </li>
            <li class="cur">
                <a href="about.html">
                    <span>关于我</span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="skills.html">
                    <span>专业技能</span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="">
                    <span>我的简介</span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="profile.html">
                    <span>作品展示</span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="">
                    <span>博客</span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="">
                    <span>联系我</span>
                    <i></i>
                </a>
            </li>
        </ul>
    </div>
</header>
<div class="main-me">
    <div class="naber-1">
        <div class="title">
            <h3>关于我</h3>
            <i class="line"></i>
            <span class="en-title">- ABOUT ME -</span>
        </div>
        <div class="info">
            <ul class="clearfix">
                <li>
                    <div class="icon-box">
                        <img src="img/1.png" alt="">
                        <span class="icon"></span>
                        <span class="icon-hover"></span>
                    </div>
                    <div class="text-box clearfix">
                        <span class="text t-1">学历</span>
                        <span class="line"></span>
                        <span class="text t-r">大专</span>
                    </div>
                </li>
                <li>
                    <div class="icon-box">
                        <img src="img/2.png" alt="">
                        <span class="icon"></span>
                        <span class="icon-hover"></span>
                    </div>
                    <div class="text-box clearfix">
                        <span class="text t-1">年龄</span>
                        <span class="line"></span>
                        <span class="text t-r">19</span>
                    </div>
                </li>
                <li>
                    <div class="icon-box">
                        <img src="img/3.png" alt="">
                        <span class="icon"></span>
                        <span class="icon-hover"></span>
                    </div>
                    <div class="text-box clearfix">
                        <span class="text t-1">籍贯</span>
                        <span class="line"></span>
                        <span class="text t-r">河北 邯郸</span>
                    </div>
                </li>
                <li>
                    <div class="icon-box">
                        <img src="img/4.png" alt="">
                        <span class="icon"></span>
                        <span class="icon-hover"></span>
                    </div>
                    <div class="text-box clearfix">
                        <span class="text t-1">目前</span>
                        <span class="line"></span>
                        <span class="text t-r">在校大学生</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="my-summary">
            <span class="icon-left bg-icon"></span>
            <span class="icon-right bg-icon"></span>
            <p>2018年就读泊头职业学院，将于今年年底安排就业。</p>
            <p>我特别喜欢web前端这个行业，因此比较看重自己的学习</p>
            <p>经常在自习课进行预习和练习</p>
            <p>经常在课余时间从网上看一些有关web前端的相关知识</p>
            <p>希望可以在以后找一个较为满意的工作</p>
        </div>
    </div>
</div>

</body>
</html>